<template>
  <div id="textarea">
    <!-- 插槽内容 -->
     <slot>
        <el-table
      :data="tableData"
      style="width: 100%; ">
      <el-table-column
        prop="name"
        label="学校名称"
        width="80">
      </el-table-column>
      <el-table-column
        prop="address"
        label="学校地址"
        width="180"></el-table-column>
    </el-table>
     </slot>
  </div>
</template>
<script>
export default {
  name: 'TextView',
  data () {
    return {
      tableData: [
        {
          date: '2021-01-01',
          name: '张三',
          address: '北京市海淀区西二旗'
        },
        {
          date: '2021-01-02',
          address: '上海市浦东新区浦东开发区'
        },
        {
          date: '2021-01-03',
          name: '王五',
          address: '广州市天河区天河路'
        },
        {
          date: '2021-01-04',
          name: '赵六',
          address: '深圳市南山区深南大道'
        },
        {
          date: '2021-01-05'
        },
        {
          date: '2021-01-06'
        },
        {
          date: '2021-01-07',
          name: '周二',
          address: '成都市高新区高新路'
        },
        {
          date: '2021-01-08',
          name: '陈三'
        },
        {
          date: '2021-01-09',
          name: '张三',
          address: '北京市海淀区西二旗'
        },
        {
          date: '2021-01-10',
          name: '王五',
          address: '广州市天河区天河路'
        },
        {
          date: '2021-01-11',
          name: '赵六',
          address: '深圳市南山区深南大道'
        },
        {
          date: '2021-01-12',
          name: '周二',
          address: '成都市高新区高新路'
        },
        {
          date: '2021-01-13',
          name: '陈三',
          address: '上海市浦东新区浦东开发区'
        },
        {
          date: '2021-01-14',
          name: '张三',
          address: '北京市海淀区西二旗'
        },
        {
          date: '2021-01-15',
          name: '王五',
          address: '广州市天河区天河路'
        }

      ]
    }
  }
}

</script>
<style scoped>
#textarea {
  top: 100px;
  left: calc(100% - 260px);
  border-radius: 25px;
  width: 250px;
  height: 400px;
  background-color: rgba(25, 1, 1, 0.5);
  border: 1px solid #fed610;
}

.el-table {
  border-radius: 25px;
  height: 400px;
  overflow: scroll;
}
</style>
